<template>
	<div class="page">
		<yd-cell-group>
			<yd-cell-item>
				<span slot="left">
                    用户名：
                </span>
				<yd-input max="20" placeholder="请输入用户名" required="" slot="right" v-model="username">
				</yd-input>
			</yd-cell-item>
			<yd-cell-item>
				<span slot="left">
                    密码：
                </span>
				<yd-input placeholder="请输入密码" slot="right" type="password" v-model="passwd">
				</yd-input>
			</yd-cell-item>
			<yd-cell-item>
				<span slot="left">
                    重复密码：
                </span>
				<yd-input placeholder="请重复密码" slot="right" type="password" v-model="passwd2">
				</yd-input>
			</yd-cell-item>
		</yd-cell-group>

		<yd-button-group>
			<yd-button size='large' @click.native="loginBtnClickAction">注册</yd-button>
		</yd-button-group>
	</div>
</template>
<script>
	import vm from '@/viewmodel/login_viewmodel';
	export default {

		name: 'login',

		data() {
			return {
				username: '',
				passwd: '',
				passwd2: ''
			}
		},
		methods: {
			loginBtnClickAction() {
				this.$dialog.alert({
					title: '提示',
					mes: '给你一次重来的机会！'
				});
			},
		}
	}
</script>
<style lang="css" scoped="">
	.page {
		height: 100%;
		background-color: #fff;
		padding-top: 200px;
	}
</style>